<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <title>layout 药品布局 - Layui</title>

    {% load static%}
    <link rel="stylesheet" href="{% static "lib/layui/css/layui.css" %}">
</head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
  <div class="layui-header">
    <div class="layui-logo">药品进销存管理系统</div>
    <!-- 头部区域（可配合layui已有的水平导航） -->
    <ul class="layui-nav layui-layout-left">
      <li class="layui-nav-item">
        <a href="javascript:;">信息中心</a>
        <dl class="layui-nav-child">
            <dd><a href="/medicine/">药品信息</a></dd>
            <dd><a href="/worker/">员工信息</a></dd>
            <dd><a href="/customer/">客户信息</a></dd>
            <dd><a href="/producer/">厂家信息</a></dd>
            <dd><a href="/store/">库存信息</a></dd>
        </dl>
      </li>
      <li class="layui-nav-item"><a href="/purchase/">采购</a></li>
      <li class="layui-nav-item"><a href="/sell/">销售</a></li><li class="layui-nav-item"><a href="/medicine_producer/">药品厂家</a></li>
      <li class="layui-nav-item">
        <a href="javascript:;">其它系统</a>
        <dl class="layui-nav-child">
          <dd><a href="">邮件管理</a></dd>
          <dd><a href="">消息管理</a></dd>
          <dd><a href="">授权管理</a></dd><dd><a href="/gotoaddsuperuser/">用户管理</a></dd>
        </dl>
      </li>
    </ul>
    <ul class="layui-nav layui-layout-right">
      <li class="layui-nav-item">
        <a href="javascript:;">
          <img src="http://t.cn/RCzsdCq" class="layui-nav-img">
          {{username}}
        </a>
        <dl class="layui-nav-child">
          <dd><a href="">基本资料</a></dd>
          <dd><a href="">安全设置</a></dd>
        </dl>
      </li>
      <li class="layui-nav-item"><a href="/logoutapi">退出登录</a></li>
    </ul>
  </div>

    <div class="layui-side layui-bg-black">
        <div class="layui-side-scroll">
          <ul class="layui-nav layui-nav-tree"  lay-filter="test">
                    <li class="layui-nav-item layui-nav-itemed">
                        <a href="/customer/add">增加</a>
                    </li>
                    <li class="layui-nav-item">
                       <a href="/customer/delete">删除</a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="/customer/update">修改</a>
                    </li>
                    <li class="layui-nav-item">
                        <a href="/medicine/">上一级</a>
                    </li>
          </ul>
        </div>
      </div>

  <div class="layui-body">
    <!-- 内容主体区域 -->
      <!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Layui</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="{% static "lib/layui/css/layui.css" %}"  media="all">
  <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>
        <body>
        <div style="width: 650px; position: relative; left:25%;">
            <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px">
              <legend>添加顾客数据</legend>
            </fieldset>
                {#    <form class="layui-form" action="">#}
            <form class="layui-form layui-form-pane" action="get_customer_data/" method="post" name="medicine_form">
                {# 方框风格的表单集合 #}
              {% csrf_token %}
                 <div class="layui-form-item">
                    <label class="layui-form-label">选择操作</label>
                    <div class="layui-input-block">
                      <input type="radio" name="op" value="add" title="增" checked="">
                      <input type="radio" name="op" value="delete" title="删">
                        <input type="radio" name="op" value="update" title="改">
                    </div>
                 </div>

                <div class="layui-form-item">
                    <label class="layui-form-label ">顾客id</label>
                    <div class="layui-input-block">
                      <input type="text" name="id" lay-verify="title" autocomplete="off" placeholder="请输入顾客id" class="layui-input">
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label ">顾客名</label>
                    <div class="layui-input-block">
                      <input type="text" name="customer_name"   autocomplete="off" placeholder="请输入顾客名" class="layui-input">
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label layui-bg-blue">电话</label>
                    <div class="layui-input-block">
                      <input type="text" name="tel" lay-verify="phone"  placeholder="请输入电话" autocomplete="off" class="layui-input">
                    </div>
                </div>
                  <div class="layui-form-item">
                    <label class="layui-form-label layui-bg-blue">地址</label>
                    <div class="layui-input-block">
                      <input type="text" name="address"  placeholder="请输入地址" autocomplete="off" class="layui-input">
                    </div>
                  </div>








              <div class="layui-form-item" align="center">
                <div class="layui-input-block">
                  <button class="layui-btn layui-btn-normal layui-btn-radius" lay-submit="" lay-filter="demo1">立即提交</button>
                  <button type="reset" class="layui-btn layui-btn-danger layui-btn-radius">重置</button>
                </div>
              </div>
            </form>
        </div>

        <script src="{% static  "lib/layui/layui.js" %}" charset="utf-8"></script>

        <script>
            layui.use('form', function(){
              var form = layui.form;
              //自定义验证规则
              form.verify({
                title: function(value){
                  if(value.length < 5){
                    return '标题至少得5个字符啊';
                  }
                }
              });

            });
        </script>

        </form>

<script src="{% static  "lib/layui/layui.js" %}" charset="utf-8"></script>
<!-- 注意：如果你直接复制所有代码到本地，上述js路径需要改成你本地的 -->

        </body>
</html>



  </div>

  <div class="layui-footer">
    <!-- 底部固定区域 -->
    © lzxworkable@163.com
  </div>
</div>
<script src="{% static  "lib/layui/layui.js" %}"></script>
<script>
//JavaScript代码区域
layui.use('element', function(){
  var element = layui.element;

});
</script>
</body>
</html>